<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>样片赏析详情</title>
    <link rel="stylesheet" href="./css/nuo.css">
    <link rel="stylesheet" href="./css/yp.css">
    <script src="./js/swiper-8.3.0/swiper/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./js/swiper-8.3.0/swiper/swiper-bundle.min.css">
</head>

<body>
    <div class="head">
        <div class="head_top">
            <h2>NOVAN&nbsp;&nbsp; <span></span>&nbsp;&nbsp; <text>诺安</text></h2>
            <div class="head_top_enter flex">
                <img src="./img/pc/位置.png" alt="">
                <img src="./img/pc/送货.png" alt="">
                <img src="./img/pc/个人信息.png" alt="">
                <p>175324468804</p>
            </div>
        </div>
    </div>
    <!--头部-->
    <div class="head_nav">
        <ul class="head_nav1 flex">
            <li><a href="index.html">
                    <p>首页</p>
                    <div>HOME</div>
                </a></li>
            <li><a href="yp.html"class="nav_active">
                    <p>样品赏析</p>
                    <div>ORIGINAL WORKS</div>
                </a></li>
            <li><a href="kp.html" >
                    <p>客片赏析</p>
                    <div>GUEST PHOTO</div>
                </a></li>
            <li><a href="Microfilm.html">
                    <p>微电影</p>
                    <div>MOISCRO FILM</div>
                </a></li>
            <li><a href="company.html">
                    <p>公司简介</p>
                    <div>COMPANY PROFIL</div>
                </a></li>
            <li><a href="pj.html" >
                    <p>客户评价</p>
                    <div>EVALUATION</div>
                </a></li>
        </ul>
    </div>
    <div class="ypd_img">
        <img src="./img/images/2样片赏析_05.gif"  class="img" alt=""/>
    </div>
    <div class="ypDetail_content">
        <div class="ypd_contents">
            <div class="ypd_top flex">
                <h2><img src="./img/pc/全球旅拍.png" alt=""><span class="top_red">样片赏析</span>
                <span class="top_black"></span>璀璨夜光
                </h2>
                <p>首页&gt;样片赏析&gt;你的情感</p>
            </div>
            <div class="ypd_content_title">
                所有青春的目光流连于新奇的风景意想不到的际遇和藏不住的惊喜在星光灿烂的夜晚和你一起数着星星
            </div>
            <div class="ypd_contents_c">
                <div class="_contents_img">
                    <img src="./img/images/2-样片赏析详情_03.gif" alt="">
                </div>
                <div class="ypd_content_center">
                    <div class="ypd_content_content">
                        <div class="ypd_one ypd_flex">
                            <div class="ypd_one_left">
                                <img src="./img/images/2-样片赏析详情_06.gif" alt="">
                            </div>
                            <div class="ypd_one_right">
                                <h1>NUOAN</h1>
                                <div class="right_content">
                                    <p>浩瀚星空</p>
                                    <p>仲夏之梦</p>
                                    <p>你我相伴</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ypd_one_right">
                        <h1>NUOAN</h1>
                        <div class="right_content">
                            <p>浩瀚星空</p>
                            <p>仲夏之梦</p>
                            <p>你我相伴</p>
                        </div>
                    </div>
                    <div class="ypd_one_left1">
                        <img src="./img/images/2-样片赏析详情_09.gif" alt="">
                    </div>
                </div>
                
                <div class="_contents_img">
                    <img src="./img/images/2样片赏析_12.gif" alt="">
                </div>
                <div class="_contents_img">
                    <img src="./img/images/2-样片赏析详情_17.gif" alt="">
                </div>
              
            </div>
            <div class="ypd_bottom">
                <h1>rou&nbsp;&nbsp; MAY&nbsp;&nbsp; LIKE&nbsp;&nbsp;猜你喜欢</h1>
                <ul class="ypd_bottom_nav ">
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_11.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_11.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                    <li><img src="./img/images/2-样片赏析底部_09.gif" alt=""></li>
                </ul>
            </div>
        </div>
    </div><!--详情内容-->
    <div class="bottom">
        <div class="live">
            <p>上海|广州|宁波|南京|苏州|成都|临沂|芜湖|东莞|西安|哈尔滨|郑州|九江|泉州|盐城│樟树</p>
            <p>厦门站|三亚站|深圳|大理|丽江</p>
            <p>大连|青岛|仙女湖|凤凰湾|南昌|上饶|新余|萍乡|赣州|吉安|鹰潭|永丰|兴国|宁都|修水|湘潭|易俗河</p>
            <p>全国免费咨询热线:400-004-6698(在线时间:每天09:00-23:00)</p>
        </div>
        <h1>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</h1>
    </div>
    <script>
        var swiper = new Swiper(".mySwiper", {
            pagination: {
                el: ".swiper-pagination",
            },
        });
    </script>
</body>

</html>